<template>
  <t-layout>
    <t-header>
      <TopBar></TopBar>
    </t-header>
  </t-layout>
  <t-layout class="main">
    <t-aside style="width: auto">
      <SideBar></SideBar>
    </t-aside>
    <t-layout>
      <t-content class="content">
        <RouterView></RouterView>
      </t-content>
      <t-footer><t-row justify="center">Copyright @ {{ new Date().getFullYear() }} StarsAC. All Rights
          Reserved</t-row></t-footer>
    </t-layout>
  </t-layout>
</template>

<script setup lang="ts">
import TopBar from '@/components/TopBar.vue'
import SideBar from '@/components/SideBar.vue'
</script>

<style scoped lang="less">
.main {
  height: calc(100vh - 56px);
}

.content {
  padding: 20px;
  overflow: auto;
}
</style>
